<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/linkage.js"></script>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.dataTable.min.js"></script>
<script type="text/javascript" src="js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="js/underscore-min.js"></script>
<script type="text/javascript" src="js/controllers/transferCtr.js"></script>
<script type="text/javascript" src="js/controllers/indexCtrl.js"></script>
</head>
<div class="bor_det_oner fl">
	<form class="well">
		<fieldset>
			<div style="width: 1000px; margin-bottom: 20px;">
				<label>用户账号</label> <input id="userNum" type="text"
					onblur="getUserDetail(value)"
					oninput="validUserAccount(value,'userNumError')"> <span id="userNumError"
					style="color: #f00;"></span>
				<div style="float: right; margin-rigth: 30px;">
					<label>用户姓名</label> <input id="admUserName" type="text" readonly>
				</div>
			</div>
			<div style="width: 1000px; margin-bottom: 20px;">
				<label>用户手机号码</label> <input type="text" id="admUserPhone" readonly />
				<div style="float: right; margin-rigth: 30px;">
					<label>充值金额</label> <input type="text" id="amount"
					oninput="validAmount(value,'AmountError')" />
					<p style="margin-left:157px;color: #f00;" id="AmountError"></p>
					
				</div>
			</div>
			<div style="width: 1000px;">
				<button type="button" id="submitBtn" class="bor_btn"
					onclick="accountSubmit()" style="float: right;">确认提交充值</button>
					<button type="reset" id="resetBtn"></button>
			</div>
		</fieldset>
	</form>
</div>
<div class="lg_list_01"
	style="margin: 10px auto; width: 92%; height: 378px; overflow-y: auto; overflow-x: hidden;">
	<div style="width: 100%; height: 50px;">
		<label style="line-height: 40px; color: #333; font-size: 16px;">转入记录：</label>
		<button type="button" class="commonLink"
			style="float: right; width: 50px; height: 25px; margin-top: 12px;"
			onclick="queryHistory()">刷新</button>
	</div>
	<table class="historyTable">
		<thead>
			<tr>
				<td>流水号</td>
				<td>用户账号</td>
				<td>用户名</td>
				<td>用户手机号</td>
				<td>方向</td>
				<td>金额</td>
				<td>时间</td>
				<td>操作账号</td>
				<td>操作人</td>
			</tr>
		</thead>
		<tbody id="displayData">

		</tbody>

	</table>
	<div id="transferNoData"></div>
	<div>
		共<span id="transferTotal"></span>页
		<button id="prePageBtn" class="commonLink" type="button"
			onclick="prePage()" style="margin: 0 5px 0 10px; padding: 0 5px;">上一页</button>
		<span>当前页：</span><span id="currentPage"></span>
		<button id="nextPageBtn" class="commonLink" type="button"
			onclick="nextPage()  " style="margin: 0 5px 0 5px; padding: 0 5px;">下一页</button>
	</div>
</div>
<!-- 弹窗 -->
	<div id="transMsgModal" class="modal">
		<div class="modal-content" style="width:300px;">
			<div style="height:60px;">
				<span style="font-size:16px;" id="errorMsg"></span>	
			</div>
			<div class="modal-footer">
				<div style="width: 100%;">
					<button type="button" class="commonLink"
						style="margin-right: 10px;width: 70px;height: 30px;font-size: 15px"
						onclick="closeWindow('transMsgModal')">确定</button>
				</div>
			</div>
		</div>
	</div>
<script>
	queryHistory();
	queryUserInfo();
	$("#resetBtn").click();
</script>
</html>